<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登入</title>
    <link rel="stylesheet" href="css/zui.min.css">
    <link rel="stylesheet" href="css/Login.css">
</head>
<body>
  <div id="center" style="width: 500px;height: 500px; margin: 150px auto auto auto;">
      <div class="panel">
        <div class="panel-sucess" style="text-align: center;">
          <h1>后台登入</h1>
        </div>
        <div class="panel-footer " style="text-align: center;">
          <!-- 输入账号 -->
          <div class="input-control has-icon-left">
            <input id="count" type="text" class="form-control " placeholder="用户名">
            <label for="count" class="input-control-icon-left "><i class="icon icon-user "></i></label>
          </div>
          <!-- 输入账号 -->
          <br>
        <!-- 亲输入密码 -->
        <div class="input-control has-icon-left">
          <input id="password" type="password" class="form-control " placeholder="密码">
          <label for="password" class="input-control-icon-left"><i class="icon icon-key "></i></label>
        </div>
        <!-- 请输入密码 -->
        <br>
        <!-- 请输入验证码 -->
        <div class="input-control has-label-left has-icon-right">
          <input id="yzm" type="email" class="form-control" placeholder="">
          <label for="yzm" class="input-control-label-left text-right">验证码</label>
         <div></div>
        </div>
          <!-- 请入验证码 -->
          <br>
          <!-- 图片 -->
          <img src="code" style="width: 250px;height: 50px;" class="img-rounded" alt="圆角图片"  id="change" onclick="yzmchange()">
          <!-- 图片 -->
          <br></br>
          <!-- 按钮 -->
          <button class="btn  btn-block btn-primary" type="button"  id="login"  onclick="login()">登入</button>
<!--          &lt;!&ndash; 按钮 &ndash;&gt;-->
<!--          <br>-->
<!--          <button class="btn btn-block btn-primary" type="button" >注册</button>-->
        </div>
     </div>
  </div>
<!--遮布-->
  <div class="modal fade" id="logintips">
      <div class="modal-dialog">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                  <h4 class="modal-title">登入提示</h4>
              </div>
              <div class="modal-body">
                  <p id="tips"></p>
              </div>
              <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
              </div>
          </div>
      </div>
  </div>
  <!--遮布-->
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/zui.min.js"></script>
<script src="Userjs/login.js"></script>
</html>
